<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>刻晴管理系统</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/manage-bar.css">
    <link rel="stylesheet" href="../css/BootStrap5/css/bootstrap.min.css">
    <link rel="stylesheet" href="./css/Font/css/all.min.css">

</head>
<body>
    <!-- 左侧导航栏 -->
    <div class="box">
        <div class="left-bar clearfix">
            <div class="left-title">
                <span><b>个人中心</b></span>
            </div>
            <hr>
            <ul>
                <li id="jiaoshi" class="gongneng">
                    <a href="#" class="yyy" id="yyy1">
                        <b class="fa">&#xf007; 教师信息</b>
                    </a>
                </li>
                <li id="xuesheng" class="gongneng">
                    <a href="#" class="yyy" id="yyy2">
                        <b class="fa">&#xf19d; 学生信息</b>
                    </a>
                </li>
                <li id="kecheng" class="gongneng">
                    <a href="#" class="yyy" id="yyy3">
                        <b class="fa">&#xf02d; 课程信息</b>
                    </a>
                </li>
                <li id="shouke" class="gongneng">
                    <a href="#" class="yyy" id="yyy4">
                        <b class="fa">&#xf0ea; 授课信息</b>
                    </a>
                </li>
                <li id="xuanke" class="gongneng">
                    <a href="#" class="yyy" id="yyy5">
                        <b class="fa">&#xf0c5; 选课信息</b>
                    </a>
                </li>
                <hr>
            </ul>
        </div>
        <div class="right">
            <iframe id="iframe" width="100%" height=100% frameborder=0 scrolling=auto src=""></iframe>
        </div>
    </div>
</body>
<script>

        document.getElementById('iframe').src="./html/manager/find/findAllTeachers.html";
        document.getElementById('xuesheng').style.backgroundColor='#212529';
        document.getElementById('kecheng').style.backgroundColor='#212529';
        document.getElementById('jiaoshi').style.backgroundColor='#0D6EFD';
        document.getElementById('shouke').style.backgroundColor='#212529';
        document.getElementById('xuanke').style.backgroundColor='#212529';


    document.getElementById('jiaoshi').onclick=function(){
        document.getElementById('iframe').src="./html/manager/find/findAllTeachers.html";
        document.getElementById('xuesheng').style.backgroundColor='#212529';
        document.getElementById('kecheng').style.backgroundColor='#212529';
        document.getElementById('jiaoshi').style.backgroundColor='#0D6EFD';
        document.getElementById('shouke').style.backgroundColor='#212529';
        document.getElementById('xuanke').style.backgroundColor='#212529';
    }
    document.getElementById('xuesheng').onclick=function(){
        document.getElementById('iframe').src="./html/manager/find/findAllStudents.html";
        document.getElementById('xuesheng').style.backgroundColor='#0D6EFD';
        document.getElementById('kecheng').style.backgroundColor='#212529';
        document.getElementById('jiaoshi').style.backgroundColor='#212529';
        document.getElementById('shouke').style.backgroundColor='#212529';
        document.getElementById('xuanke').style.backgroundColor='#212529';
    }
    document.getElementById('kecheng').onclick=function(){
        document.getElementById('iframe').src="./html/manager/find/findAllCourses.html";
        document.getElementById('xuesheng').style.backgroundColor='#212529';
        document.getElementById('kecheng').style.backgroundColor='#0D6EFD';
        document.getElementById('jiaoshi').style.backgroundColor='#212529';
        document.getElementById('shouke').style.backgroundColor='#212529';
        document.getElementById('xuanke').style.backgroundColor='#212529';
    }
    document.getElementById('shouke').onclick=function(){
        document.getElementById('iframe').src="./html/manager/find/findAllTeachCourses.html";
        document.getElementById('xuesheng').style.backgroundColor='#212529';
        document.getElementById('kecheng').style.backgroundColor='#212529';
        document.getElementById('jiaoshi').style.backgroundColor='#212529';
        document.getElementById('shouke').style.backgroundColor='#0D6EFD';
        document.getElementById('xuanke').style.backgroundColor='#212529';
    }
    document.getElementById('xuanke').onclick=function(){
        document.getElementById('iframe').src="./html/manager/find/findAllSelectCourses.html";
        document.getElementById('xuesheng').style.backgroundColor='#212529';
        document.getElementById('kecheng').style.backgroundColor='#212529';
        document.getElementById('jiaoshi').style.backgroundColor='#212529';
        document.getElementById('shouke').style.backgroundColor='#212529';
        document.getElementById('xuanke').style.backgroundColor='#0D6EFD';
    }
</script>
</html>

